<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>神灯速贸</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta content="telephone=no" name="format-detection" />
        <meta name="msapplication-tap-highlight" content="no"/>
        <link rel="stylesheet" href="../css/public.css">
        <link rel="stylesheet" href="../css/main.css">
        <script src="../js/zepto.min.js"></script>
        <script src="../js/iscroll.js"></script>
        <script src="../js/main.js"></script>
    </head>
    <body>
	    <header class="header" style="display: block;">
	        <h1 class="title">提交意向单</h1>
	        <a class="btn-back" href="#"><span>综合服务</span></a>
	        <a class="head-btn-right btn-save" style="display: none;" href="#">保存</a>
	    </header>
			
	    <div class="container wish-page">
	    	<div class="wish-scroll scroll-wrapper active">
		    	<div class="scroller">
					<p class="notice">
						请选择您需要的服务。 可留联系方式，我们会尽快与您联系。 您也能登录我司网站下单。
					</p>
			  		<ul class="service-wish-wrapper">
			  			<li>
			  				<a class="wish">
								出口代理
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
			  			<li>
			  				<a class="wish">
								出口报关
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
			  			<li>
			  				<a class="wish">
								出口报检
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
			  			<li>
			  				<a class="wish">
								俄境清关
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
			  			<li>
			  				<a class="wish">
								国内运输
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
			  			<li>
			  				<a class="wish">
								俄境运输
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
			  			<li>
			  				<a class="wish">
								国内仓储
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
			  			<li>
			  				<a class="wish">
								俄境仓储
								<!-- <span class="arrow"></span> -->
							</a>
							<i class="ico-select"></i>
							<div class="wish-content">
								果蔬出口￥260/票    冻菜出口 ￥1500/票<br/>
								采购-通关￥3000/票 提供专业的出口代理服务，代理客户办理收汇退税业务。帮助对于有货物进出口需求的客户，由于对进出口业务的不熟悉或者是没有进出口权，代理其完成货物出口的贸易服务及外汇的收回及出口退税办理的业务
							</div>
			  			</li>
					</ul>
				</div>	
			</div>	
            <div class="wish-bottom btn-bottom-wrapper ">
	        	<a class="chose-company" href="#">
	        		<em>选择公司</em><span></span>
	    		</a>
	        	<div class="declaration-wrapper">
	        		<span>报关行</span>
	        		<input id="declaration" class="declaration"/>
	        	</div>
	        	
	            <a class="btn-bottom-submit" href="#">提交</a>
	        </div>
	    </div> 

	    <div class="container wish-campany-page scroll-wrapper">
	    	<ul class="campany-list scroller">
	    		<li>
	    			<a class="campany selected" href="#">
	    				<em>内蒙古满洲里益达贸易有限公司</em>
	    				<span></span>
	    			</a>
    			</li>
    			<li>
	    			<a class="campany" href="#">
	    				<em>内蒙古满洲里益达贸易有限公司</em>
	    				<span></span>
	    			</a>
    			</li>
    			<li>
	    			<a class="campany" href="#">
	    				<em>内蒙古满洲里益达贸易有限公司</em>
	    				<span></span>
	    			</a>
    			</li>
    			<li>
	    			<a class="campany" href="#">
	    				<em>内蒙古满洲里益达贸易有限公司</em>
	    				<span></span>
	    			</a>
    			</li>
	    	</ul>
	    </div>
		<script>
			$(function(){
				$(".wish-scroll").height(h-44-110);
				var wishScroll = new IScroll(".wish-scroll",{
					 mouseWheel: false
				});

				var lastWishIndex;
				$(".wish").tap(function(){
					var wish = $(this).parent();
					if(wish.index() === lastWishIndex) {
						wish.find(".wish-content").toggleClass("selected");
					} else {
						$(".wish-content").removeClass("selected");
						wish.find(".wish-content").addClass("selected");
					}
					
					if(wish.index() === 1){
						$(".wish-bottom").addClass("export");
						$(".wish-scroll").height(h-44-150);
					} else {
						$(".wish-bottom").removeClass("export");
						$(".wish-scroll").height(h-44-110);
					}
					lastWishIndex = wish.index();
					wishScroll.refresh();
				})

				$(".ico-select").tap(function(){
					var wish = $(this).parent();
					wish.toggleClass("selected");
					if(wish.index() === 1){
						$(".wish-bottom").addClass("export");
						$(".wish-scroll").height(h-44-150);
					} else {
						$(".wish-bottom").removeClass("export");
						$(".wish-scroll").height(h-44-110);
					}
					wishScroll.refresh();
				})

				$(".chose-company").tap(function(){
					$(".wish-campany-page").addClass("active-top");
					$(".btn-save").show();
				})

				$(".btn-save").tap(function(){
					$(".wish-campany-page").removeClass("active-top");
					$(".btn-save").hide();
				})

				$(".campany").tap(function(){
					$(".campany").removeClass("selected");
					$(this).addClass("selected");
					var comapnyName = $(this).find("em").text();
					$(".chose-company em").text(comapnyName);
				})
				//表单提交
				$(".btn-bottom-submit").tap(function(){
					var wishIndexs = $(".service-wish-wrapper li.selected .wish"); //第几个意向单
					var comapny = $(".campany.selected").text(); //选择的公司
					var declaration = $("#declaration").val();	//报关行
					wishIndexs.each(function(){
						var wishIndex = $(this).text();
						console.log(wishIndex);
					})
					console.log("报关行：" + declaration);
					console.log("选择的第几个公司:" + comapny);
				})
			})
		</script>
    </body>
</html>